<!doctype html>
<html>
  <head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-132775238-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-132775238-1');
    </script>
    <script type="module" src="../rapidoc-min.js"></script>
    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
      <!-- Fonts -->
      <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&family=Roboto+Mono&display=swap" rel="stylesheet">
    <style>
      rapi-doc{
        width:100%;
      }
    </style>
  </head>
  <body style="background: #eee; color: darkslategray;" >

    <div style="height:100px; padding:16px; font-family:'Open Sans'; font-weight:400">
      <h1 style="font-weight:300">The quick brown fox jumps over the lazy dog.</h1>
      <h3>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</h3>
    </div>
    <div style="height:450px; display:flex; font-family:'Open Sans'; font-weight:300">
      <div style="width:270px; padding:0 16px 16px 16px">
          <p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</p>
          <p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</p>
          <p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</p>
          <p>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.</p>
      </div>
      <rapi-doc style="flex:1; margin:36px 36px 20px 36px; border:4px solid #ccc;border-radius:4px;" 
        spec-url="../specs/petstore.json"
        show-header='false'
        show-info='false'
        allow-authentication = 'false'
        allow-server-selection = 'false'
        allow-api-list-style-selection ='false'
        theme='dark' 
        layout="column"
        regular-font="Open Sans"
        mono-font = "Roboto Mono"
      > 
      </rapi-doc>
    </div>
  </body>
</html>